page{
	overflow: hidden;
}
.header {
	position: fixed;
	top: 0;
	z-index: 5;
	flex-direction: column;
	width: 100%;
	background: #ffffff;
	.header-class {
		position:static;		
		width: 100%;
	}
	.header-search {
		display: flex;
		flex-direction: row;
		align-items: center;
		border-radius: 50rpx;
		margin: 20rpx;
		height: 72rpx;
		align-items: center;
		justify-content: flex-start;
		margin-left: 30rpx;
		font-size:28rpx;	
		position: relative;
		image {
			margin-left: 31rpx;
			margin-right: 11rpx;	
		}
		text {
			font-size: 28rpx;
			color: #888888;
		}
	}
	.content-class {
		position: fixed;
		width: 100%;
		margin-top: 100rpx;
	}
}

.menu {
	width: 100%;
	background: #ffffff;
	top: 0;
	border-top: 1rpx solid #f2f2f2;
	border-bottom: 1rpx solid #f2f2f2;
	height: 80rpx;
	view {
		justify-content: center;
		color: #999999;
		font-size: 16px;
		image {
			width: 32rpx;
			height: 32rpx;
			padding: 0 10rpx;
		}
	}
}

.goods-list {
	padding-top: 10rpx;
	width: 100%;
	.photo {
		border-top-right-radius: 16rpx;
		border-top-left-radius: 16rpx;
		image {
			border-top-right-radius: 16rpx;
			border-top-left-radius: 16rpx;
			width: 360rpx;
			height: 360rpx;
		}
	}
	.goods-item {
		border-radius: 16rpx;
		margin-bottom:10rpx;
		background:#fff;
		display:inline-block;
		width:360rpx;
		margin-left:12rpx;		
		.label-txt {
			color: #ffffff;
			margin: 0 6rpx;
			padding: 5rpx;
			display: inline-block;
			border-radius: 10rpx;
			font-size: 22rpx;
			line-height: 29rpx;
			height: 32rpx;
			text-align: center;
			vertical-align:middle;			
		}
		.jiage {
			color: #e64340;
			font-size: 32rpx;
		}
		.sale {
			padding-left: 20rpx;
			color: #999999;
			font-size: 24rpx;
		}
		.goods-title {
			color: #353535;
			font-size: 32rpx;
			-webkit-line-clamp: 2;
			line-height: 38rpx;
			padding-top: 20rpx;
			margin:0 10rpx;		
			height: 76rpx;	
			.icon-container {
				display: inline;
				align-items: center;
				justify-content: center;
				align-content: center;
				align-items: center; 
			}
			image {
				width: 64rpx;
				height: 32rpx;
				padding-left: 10rpx; 			
			}
		}
		.price-box{
			line-height:50rpx;
			padding:30rpx 0rpx;		
		}
	}
}

.search-row {
	align-items: center;
	font-size: 26rpx;
	background: white;
	padding:30rpx 20rpx;	
	.line,.big-line{
		margin-top:30rpx;
	}
	.search-title {
		color: #333333;
		font-Size: 32rpx;		
		line-height: 36rpx;
		margin-left:10rpx;		
	}
	.search-items {
		margin-left:-6rpx;	
		view {		
			display:inline-block;
			min-width:178rpx;
			height:64rpx;
			background:#f8f8f8;
			text-align:center;
			margin-left:16rpx;
			line-height:64rpx;
			margin-top:20rpx;	
			color: #666666;	
		}
		.select {
			background-color: #1972ff;
			color: #ffffff;
		}
	}
}

.search-btn {
	font-size: 32rpx;
	display: flex;
	height: 94rpx;
	button::after {
		border-radius: 0;
	}
	.btn-reset {
		color: #666666;
		border-radius: 0;
		width: 200rpx;
		background-color:#F8F8F8;		
	}
	.btn-submit {
		background-color: #1972ff;
		border-radius: 0;
		width: 416rpx;
		color: #ffffff;
	}
	.button-hover {
		color: rgba(0, 0, 0, 0.6);
		background-color: #dedede;
	}
}


.dialog__animation {
	transform: translateX(150%);
}
.dialog__container {
	transform: translateX(150%);
	width: 616rpx;
}
.dialog--show {
	.dialog__container {
		transform: translateX(135rpx);
	}
}

.search-title{
	.more{
		margin-right: 20rpx;
	}
}

.search-row .extend {
	transition: all .6s;
}